<template>
  <div class="prescriptiontemplate">
    <backTopName :show="notshow" :data="item" />
    <div class="prescriptiontemplate_body">
      <div class="prescriptiontemplate_body_item" @click="toElectronic">
        <div class="prescriptiontemplate_body_item_top"></div>
        <div class="prescriptiontemplate_body_item_bot">默认文本</div>
      </div>
    </div>
  </div>
</template>

<script>
import backTopName from "@/components/commonComponents/backTopName.vue";
export default {
  name: "prescriptiontemplate",
  components: { backTopName },
  data() {
    return {
      notshow: false,
      item: {
        name: "处方模版",
      },
    };
  },
  methods: {
    toElectronic() {
      this.$router.push({ path: "/prescriptionmedicine" });
    },
  },
};
</script>

<style lang="scss" scope>
.prescriptiontemplate {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  &_body {
    padding: 20px 30px 10px 30px;
    width: 100%;
    flex: 1;
    background-color: #fafafa;
    overflow-x: hidden;
    overflow-y: scroll;
    &_item {
      float: left;
      margin: 15px;
      &_top {
        width: 120px;
        height: 150px;
        background-color: #c4c4c4;
      }
      &_bot {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 550;
        text-align: center;
      }
    }
  }
}
</style>
